<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="includes/Header.jsp"%>
<%@page import="model.Ebene"%>
<%@page import="model.Feld"%>
<%@page import="helper.Export"%>
<%@page import="model.Benutzer"%>
<%@include file="includes/Tabs.jsp"%>
<style type="text/css">
		select[multiple] option { padding: 3px 4px; border-bottom: 1px inset #eeeeee; cursor: pointer; }
</style>
<form class="formulare einrichtenfrom" method= "POST" style="margin-bottom:100px;">
	<div class="farbfläche">
		<input class="button-input" type="submit" name="speichern" value="Speichern"> 
		<a href="Vorschau?ebenenId=<%= request.getParameter("ebenenId") %>" style="text-decoration:none;"><input class="button-input" type="button" style="margin-left: 5px" value="Abbrechen"></a> 
		<span  style="float:right;" class="helper_l">
			<span>
				Wählen Sie mindestens jeweils eine Person als Ebenenverantwortlicher und Redakteur und tragen Sie einen Titel ein.
				<br>Mit <b>Speichern</b> schließen Sie den Erstellungsvorgang ab. Mit <b>Abbrechen</b> verhindern Sie Änderungen.
			</span>
		</span>
	</div>
	
	<% Ebene  vorhandeneEbene = null;;
	request.setCharacterEncoding("UTF-8");
	if(request.getAttribute("vorhandeneEbene") != null)
		vorhandeneEbene = (Ebene)request.getAttribute("vorhandeneEbene");
		%>
		<div style="overflow: auto;">
		<p style="margin-left: 5px; margin-top: 20px;">
			Titel: <input type="text" name="titel" style="margin-left: 20px;" size="65" value="<%= Export.convertHtml((vorhandeneEbene != null) ? vorhandeneEbene.getName():"") %>">
		</p>

		<p style="float: left">
		Verantwortlicher: <br> 
		
		<select class="select verant" size="8" style="width:300px" name="verantwortliche" multiple="multiple"><%
		Benutzer[] verantwortliche;
		Benutzer[] redakteure;
		Benutzer[] vorhandeneVerantwortlich;
		
		// Verantworlichen Liste generieren und Zugehörige auswählen
		if(request.getAttribute("verantwortliche") != null){
			verantwortliche = (Benutzer[])request.getAttribute("verantwortliche");
			if(vorhandeneEbene.getVerantwortlich() != null && vorhandeneEbene != null){
				vorhandeneVerantwortlich= vorhandeneEbene.getVerantwortlich();
				
				for(int i = 0; i < verantwortliche.length; i++){
					%> <option <%
					for(int j = 0; j < vorhandeneVerantwortlich.length; j++){
						if(verantwortliche[i].equals(vorhandeneVerantwortlich[j]))
							out.print("selected");
					}
					%> value="<%=verantwortliche[i].getId() %>" > <%
					out.print(verantwortliche[i].getVorname() + " " + verantwortliche[i].getNachname());
					%> </option> <%
				}
			}else{
				for(int i = 0; i < verantwortliche.length; i++){
					%> <option value="<%=verantwortliche[i].getId() %>"> <%
					out.print(verantwortliche[i].getVorname() + " " + verantwortliche[i].getNachname());
					%> </option> <%
				}
			}
		}
		%>
			</select>
		</p>
		
		<p style="float: left; margin-left: 50px;">
		Redakteure: <br> 
		<select  class="select redak" size="8" style="width:300px" name="redakteur" multiple="multiple"><%
		Benutzer[] vorhandeneRedakteur;
		
		// Redakteure Liste generieren und Zugehörige auswählen
		if(request.getAttribute("redakteure") != null){
			redakteure = (Benutzer[])request.getAttribute("redakteure");
			if(vorhandeneEbene.getRedakteur() != null && vorhandeneEbene != null){
				vorhandeneRedakteur= vorhandeneEbene.getRedakteur();
				
				for(int i = 0; i < redakteure.length; i++){
					%> <option <%
					for(int j = 0; j < vorhandeneRedakteur.length; j++){
						if(redakteure[i].equals(vorhandeneRedakteur[j]))
							out.print("selected");
					}
					%> value="<%=redakteure[i].getId() %>" > <%
					out.print(redakteure[i].getVorname() + " " + redakteure[i].getNachname());
					%> </option> <%
				}
			}else{
				for(int i = 0; i < redakteure.length; i++){
					%> <option value="<%=redakteure[i].getId() %>" > <%
					out.print(redakteure[i].getVorname() + "&nbsp" + redakteure[i].getNachname());
					%> </option> <%
				}
			}
		}
		%>
			</select>
		</p>

		<p style="clear: both; margin-top: 0 !important;">
			<input type="checkbox" name="prosa" <% if(vorhandeneEbene.getProsa() != null)out.print("checked"); %>> Beschreibungstext
			<span style="" class="helper_r">
				<span>
					Wählen Sie aus, ob das Modul einen Beschreibungstext haben soll.
				</span>
			</span>
		</p>
	</div>
	
	
	<% //Abfragetext hierzu in admin.js %>
	<a href="#" class="standarteinrichtung"  >Standard laden</a>
	
	<table class="table-einrichten" width="100%">
		<tr>
			<th>Name</th>
			<th>Typ</th>
			<th style="width: 40px;">Dez. 2</th>
			<th>
			<div style="float:right;" class="helper_l">
				<span>
					<p>Mit <b><i>+Neu</i></b> kann ein Attribut hinzugefügt werden.</p>
					<p><i>Dez. 2</i> stellt die Informattion dar, ob das Dezernat2 das Änderungen des jeweiligen Feldes prüfen muss.</p>
					<p>Mit <b><i>&uarr;</i></b> kann ein Element nach oben verschoben werden.
					<br>Mit <b><i>&darr;</i></b> kann ein Element nach unten verschoben werden.
					<br>Mit <b><i>&minus;</i></b> kann ein Element entfernt werden.</p>
				</span>
			</div>
			
			</th>
		</tr>
		<% Feld[] vorhandeneFelder;
		if(request.getAttribute("vorhandeneFelder") != null ){
			vorhandeneFelder = (Feld[])request.getAttribute("vorhandeneFelder");
			
			//vorhandene Felder generieren
			for (int i = 0; i < vorhandeneFelder.length; i++) {%>
				<tr>
				<td class="table-einrichten-td-name"><input type="hidden" name = "id" value = "<%=vorhandeneFelder[i].getId() %>">
				<input type="text" value="<%=Export.convertHtml(vorhandeneFelder[i].getName()) %>" name = "name" class="name"></td>
				<td class="table-einrichten-td-typ">
				<select class="typ" size="1" style="width: 150px" name="typ" >
				<%switch (vorhandeneFelder[i].getTyp()){
					case Feld.TYP_TEXT_EINZEILIG:%>
						<option selected value="<%=Feld.TYP_TEXT_EINZEILIG%>">Einzeiliger Text</option>
						<option value="<%=Feld.TYP_TEXT_MEHRZEILIG%>">Mehrzeiliger Text</option>
						<option value="<%=Feld.TYP_ZAHL%>">Zahl</option>
						<%
						break;
					case Feld.TYP_TEXT_MEHRZEILIG:%>
						<option value="<%=Feld.TYP_TEXT_EINZEILIG%>">Einzeiliger Text</option>
						<option selected value="<%=Feld.TYP_TEXT_MEHRZEILIG%>">Mehrzeiliger Text</option>
						<option value="<%=Feld.TYP_ZAHL%>">Zahl</option>
						<%
						break;
					case Feld.TYP_ZAHL:%>
						<option value="<%=Feld.TYP_TEXT_EINZEILIG%>">Einzeiliger Text</option>
						<option value="<%=Feld.TYP_TEXT_MEHRZEILIG%>">Mehrzeiliger Text</option>
						<option selected value="<%=Feld.TYP_ZAHL%>">Zahl</option>
						<%	
						break;
		
					default:%>
						<option selected value="<%=Feld.TYP_TEXT_EINZEILIG%>">Einzeiliger Text</option>
						<option value="<%=Feld.TYP_TEXT_MEHRZEILIG%>">Mehrzeiliger Text</option>
						<option value="<%=Feld.TYP_ZAHL%>">Zahl</option>
						<%
						break;
				}%>
					</select>
				</td>
				<td>
					<input type="checkbox" class="dez" <% if(vorhandeneFelder[i].isDez2relevant()) out.print("checked");%> onchange="if($(this).attr('checked')) {$('.aenderung<%=vorhandeneFelder[i].getId() %>').val('1');} else {$('.aenderung<%=vorhandeneFelder[i].getId() %>').val('0');}">
					<input class="aenderung<%=vorhandeneFelder[i].getId() %>" type="hidden" value="<% if(vorhandeneFelder[i].isDez2relevant()) {out.print("1");} else {out.print("0");}%>" name="dezernat2" />
				</td>
				<td style="text-align:left">
					<a class="button-input einrichtenup" style="margin-left: 5px; padding: 2px 7px 2px 7px" href="#"><img src="css/img/arrow_up.gif"></a>
					<a class="button-input einrichtendown" style="margin-left: 5px; padding: 2px 7px 2px 7px" href="#"><img src="css/img/arrow_down.gif"></a>
					<a class="button-input" onclick="$(this).parent().parent().remove(); return false;" style="margin-left: 5px; padding: 2px 7px 2px 7px" href="#"><img src="css/img/minus.gif"></a>
				</td>
			</tr>
				
			<%}
		} %>
		
	</table>
	<a class="button-input feldhinzufuegen" style="margin-left:5px; padding:2px 5px 2px 5px;" href="#"><img src="css/img/plus.gif"> Neu</a>
</form>
<%@include file="includes/Footer.jsp"%>
